﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style>
        /*
            使用Css，实现毛玻璃效果 方案一
        注：1.IE中不支持blur()方法
            2.IE9及以下浏览器支持滤镜 progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)
            3.此方法IE10,IE11不支持,需要使用svg技术解决
        */
        .blur {
            filter: url(blur.svg#blur);
            -webkit-filter: blur(8px);
            -moz-filter: blur(8px);
            -ms-filter: blur(8px);
            filter: blur(8px);
            /* IE6~IE9 */
            filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
        }
    </style>
</head>
<body>
    <img src="../Content/mm1.jpg" />
    &emsp;
    <img class="blur" src="../Content/mm1.jpg" />
</body>
</html>

